<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<HTML><HEAD>
<!--
Based on http://dbaron.org/css/test/bidi2_charcode by Dave Baron, dbaron@dbaron.org
Copied with permission on 2005-09-10
Modified with permission (rearranged to fit in 800x600 and changed to make more
testcases have the same expected layout).
-->
<TITLE>Bidirectional Text Test 2 - Formatting Characters</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<LINK REL="copyright" HREF="/~dbaron/legal.html">
<STYLE TYPE="text/css">
body { overflow: hidden; }
p { text-align: left; }

table.pair { border-spacing: 0; margin-bottom: 0; }
table.pair td { padding: 0; }
p.pair { margin: 0; }

.rtl { direction: rtl; }
.ltr { direction: ltr; }

div.box { border:1px green solid; display:inline-block; padding:3px; margin:3px; vertical-align:middle; }

</STYLE>
</HEAD>
<BODY>
<H1>Bidirectional Text Test 2 - Formatting Characters</H1>

<!--

LRE   &#x202A;
RLE   &#x202B;
PDF   &#x202C;
LRO   &#x202D;
RLO   &#x202E;

-->

<p>This test is based on <a
href="http://www.w3.org/TR/REC-CSS2/visuren.html#direction">CSS2 section
9.10</a> and <a href="http://www.unicode.org/unicode/uni2book/ch03.pdf">Chapter
3</a> of the <a href="http://www.unicode.org/unicode/uni2book/u2.html">Unicode
Standard</a>.</p>

<p>
Note that <a href="http://www.w3.org/TR/unicode-xml/#Bidi">Unicode in
XML and other Markup Languages</a> suggests that HTML UAs should ignore
these characters.
</p>
<p>In each box, all the lines should be the same.</p>
<div class="box">
<p class="pair">ABCDEFGHI</p>
<p class="rtl pair">&#x202b;ABCDEFGHI&#x202c;</p>
<p class="rtl pair">&#x202b;ABC<span>DEF</span>GHI&#x202c;</p>
<p class="rtl pair">&#x202e;IHGFEDCBA&#x202c;</p>
<p class="rtl pair">&#x202e;IHG<span>FED</span>CBA&#x202c;</p>
<p class="rtl pair">&#x202e;IHG&#x202b;DEF&#x202c;CBA&#x202c;</p>
<p class="rtl pair">&#x202e;IHG&#x202e;FED&#x202c;CBA&#x202c;</p>
<p class="rtl pair">&#x202e;IHG&#x202e;FED&#x202c;CBA&#x202c;</p>
<p class="rtl pair">&#x202e;IHG&#x202d;DEF&#x202c;CBA&#x202c;</p>
</div>

<div class="box">
<table class="pair"><tr><td>&#x05D2;</td><td>&#x05D1;</td><td>&#x05D0;</td></tr></table>
<p class="pair">&#x05D0;&#x05D1;&#x05D2;</p>
<p class="pair">&#x202a;&#x05D0;&#x05D1;&#x05D2;&#x202c;</p>
<p class="pair">&#x202d;&#x05D2;&#x05D1;&#x05D0;&#x202c;</p>
</div>

<div class="box">

<table class="pair"><tr><td>&#x05D2;</td><td>&#x05D1;</td><td>&#x05D0;</td><td>&nbsp;</td><td>A</td><td>B</td><td>C</td><td>&nbsp;</td><td>&#x05D5;</td><td>&#x05D4;</td><td>&#x05D3;</td></tr></table>
<p class="pair">&#x05D0;&#x05D1;&#x05D2; ABC &#x05D3;&#x05D4;&#x05D5;</p>
<p class="pair rtl">&#x05D3;&#x05D4;&#x05D5; ABC &#x05D0;&#x05D1;&#x05D2;</p>
</div>

<div class="box">
<table class="pair"><tr><td>&#x05D2;</td><td>&#x05D1;</td><td>&#x05D0;</td><td>&nbsp;</td><td>A</td><td>B</td><td>C</td><td>&nbsp;</td><td>&#x05D5;</td><td>&#x05D4;</td><td>&#x05D3;</td><td>&nbsp;</td><td>D</td><td>E</td><td>F</td><td>&nbsp;</td><td>&#x05D8;</td><td>&#x05D7;</td><td>&#x05D6;</td></tr></table>
<p class="pair">&#x05D0;&#x05D1;&#x05D2; ABC &#x05D3;&#x05D4;&#x05D5; DEF &#x05D6;&#x05D7;&#x05D8;</p>
<p class="pair">&#x05D0;&#x05D1;&#x05D2; <span>ABC &#x05D3;&#x05D4;&#x05D5;</span> DEF &#x05D6;&#x05D7;&#x05D8;</p>
<p class="pair">&#x05D0;&#x05D1;&#x05D2; &#x202a;ABC &#x05D3;&#x05D4;&#x05D5; DEF&#x202c; &#x05D6;&#x05D7;&#x05D8;</p>
<p class="pair">&#x05D6;&#x05D7;&#x05D8; &#x202b;DEF &#x05D3;&#x05D4;&#x05D5; ABC&#x202c; &#x05D0;&#x05D1;&#x05D2;</p>
<p class="pair">&#x05D3;&#x05D4;&#x05D5; &#x202b;ABC &#x05D0;&#x05D1;&#x05D2;&#x202c; DEF &#x05D6;&#x05D7;&#x05D8;</p>
<p class="pair">&#x05D3;&#x05D4;&#x05D5; &#x202e;CBA &#x05D0;&#x05D1;&#x05D2;&#x202c; DEF &#x05D6;&#x05D7;&#x05D8;</p>
<p class="pair">&#x05D0;&#x05D1;&#x05D2; &#x202d;ABC &#x05D5;&#x05D4;&#x05D3;&#x202c; DEF &#x05D6;&#x05D7;&#x05D8;</p>
<p class="pair rtl">&#x05D6;&#x05D7;&#x05D8; &#x202d;ABC &#x05D5;&#x05D4;&#x05D3;&#x202c; DEF &#x05D0;&#x05D1;&#x05D2;</p>
</div>

<div class="box">
<table class="pair"><tr><td>&#x05D2;</td><td>&#x05D1;</td><td>&#x05D0;</td><td>&nbsp;</td><td>A</td><td>B</td><td>C</td><td>&nbsp;</td><td>&#x05D5;</td><td>&#x05D4;</td><td>&#x05D3;</td><td>&nbsp;</td><td>D</td><td>E</td><td>F</td><td>&nbsp;</td><td>G</td><td>H</td><td>I</td><td>&nbsp;</td><td>&#x05D8;</td><td>&#x05D7;</td><td>&#x05D6;</td></tr></table>
<p class="pair">&#x05D0;&#x05D1;&#x05D2; ABC &#x05D3;&#x05D4;&#x05D5; DEF GHI &#x05D6;&#x05D7;&#x05D8;</p>
</div>
<br/>
<div class="box">
<table class="pair"><tr><td>F</td><td>E</td><td>D</td><td>&nbsp;</td><td>&#x05D5;</td><td>&#x05D4;</td><td>&#x05D3;</td><td>&nbsp;</td><td>C</td><td>B</td><td>A</td><td>&nbsp;</td><td>&#x05D2;</td><td>&#x05D1;</td><td>&#x05D0;</td><td>&nbsp;</td><td>G</td><td>H</td><td>I</td><td>&nbsp;</td><td>&#x05D8;</td><td>&#x05D7;</td><td>&#x05D6;</td></tr></table>
<p class="pair">&#x05D0;&#x05D1;&#x05D2; &#x202e;ABC &#x05D3;&#x05D4;&#x05D5; DEF&#x202c; GHI &#x05D6;&#x05D7;&#x05D8;</p>
</div>

<div class="box">
<table class="pair"><tr><td>&#x05D2;</td><td>&#x05D1;</td><td>&#x05D0;</td><td>&nbsp;</td><td>A</td><td>B</td><td>C</td><td>&nbsp;</td><td>F</td><td>E</td><td>D</td><td>&nbsp;</td><td>&#x05D5;</td><td>&#x05D4;</td><td>&#x05D3;</td><td>&nbsp</td><td>G</td><td>H</td><td>I</td><td>&nbsp;</td><td>&#x05D8;</td><td>&#x05D7;</td><td>&#x05D6;</td></tr></table>
<p class="pair">&#x05D0;&#x05D1;&#x05D2; ABC &#x202e;&#x05D3;&#x05D4;&#x05D5; DEF&#x202c; GHI &#x05D6;&#x05D7;&#x05D8;</p>
</div>
<p>Note:  This test does not test RLM or LRM, but it ought to.</p>

<hr title="Beginning of Footer">
<!--
<P><A HREF="http://validator.w3.org/check/referer" TITLE="W3C HTML Validator"><img src="../../../images/vh40" ALT="Valid HTML 4.0!" height="31" width="88"></A></P>
-->
<P>(Back to
<A HREF="./">CSS Testing Information</A>,
<A HREF="../../">David Baron</A>)
<P><A HREF="/" TITLE="David Baron's Homepage">LDB</A>,
<A rev="made" href="mailto:dbaron@dbaron.org" TITLE="Send e-mail to David Baron">dbaron@dbaron.org</A>, 2001-06-05</P>
<P>Modified and used with the author&rsquo;s permission.</P>
</BODY></HTML>
